<template>
<h1>A-文本组件</h1>
  <span>{{info}}</span>
  <h4>{{info}}很久了</h4>
  {{info+'很久了'}}
  <hr>
  <p v-text="info2"></p>
  <p v-html="info2"></p>
  <hr>
  <button @click="f()">按钮</button>
</template>
<script setup>
import {ref} from "vue";

const info=ref('徐志杰喜欢杨硕')
const info2=ref('徐志杰<mark>喜欢</mark>杨硕')
const f=()=>{
  console.log(info.value);
}
</script>


<style scoped>

</style>